<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>响应式布局</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="123.css">
</head>
<body>
        <h1>响应式页面【布局】</h1>
<div class="container">
    <div class="col">是刘元芮吗</div>
    <div class="col">是宋哥哥吗</div>
    <div class="col">是擦边芮吗</div>
</div>
</body>
</html>